<template>
  <!-- 品牌商直供 -->
  <!-- http://82.157.146.153:8090/wx/brand/list?page=1&limit=10 -->
  <div class="directSupply">
    <returnPage></returnPage>
    <van-grid :column-num="1">
      <van-grid-item
      v-for="value in directSupply"
      :key="value.id"
      :to="'/sonDirectSupply?id='+ value.id"
      >
        <van-image
          width="100%"
          fit="contain"
          :src="value.picUrl"
          position="relative"
        />
        <div style="position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%);">
          <p style="font-size: 18px; color: white; text-align: center;">{{ value.name }}</p>
        </div>
        <span style="font-size: 18px; text-align: center;">{{ value.desc }}</span>
      </van-grid-item>
    </van-grid>
    <van-divider dashed>没有更多了</van-divider>
  </div>
</template>

<script>
import { brandList } from '../../api/home'
export default {
  name: 'directSupply',
  components: {},
  data () {
    return {
      directSupply: ''
    }
  },
  // 计算属性
  computed: {},
  watch: {},
  mounted () {
    // 发起请求
    brandList().then((res) => {
      const { data } = res.data
      // 品牌商直供
      this.directSupply = data.list
      // console.log(data)
    })
  },
  methods: {}
}
</script>

<style lang="scss" scoped>

</style>
